<template>
  <div class="team-detail section-padding bg-gray-50 overflow-hidden">
    <div class="container mx-auto px-4">
      <!-- 返回按钮 -->
      <button 
        @click="$router.back()" 
        class="mb-2 inline-flex items-center text-blue-600 hover:text-blue-800 transition-colors"
      >
        <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path>
        </svg>
        返回团队风采
      </button>
      
      <!-- 详情卡片 -->
      <div class="bg-white rounded-xl shadow-md overflow-hidden">
        <div class="flex flex-col md:flex-row">
          <!-- 左侧头像区域（按比例完整显示，不滚动） -->
          <div class="md:w-2/5 bg-gray-100 p-6 flex items-center justify-center flex-shrink-0 h-[50vh] md:h-[70vh]">
            <img 
              :src="teacher.avatar" 
              alt="教师头像" 
              class="object-contain rounded-lg shadow-lg border-4 border-white max-w-full max-h-full object-scale-down"
            >
          </div>
          
          <!-- 右侧详情区域（高度适配左侧，不超出页面） -->
          <div class="md:w-3/5 p-6 md:p-8 overflow-y-auto h-[45vh] md:h-[70vh]">
            <!-- 内容区域保持不变 -->
            <h2 class="text-3xl font-bold text-gray-800 mb-2">{{ teacher.name }}</h2>
            <p class="text-xl text-gray-600 mb-6">{{ teacher.title }}</p>
            
            <div class="mb-8">
              <h3 class="text-xl font-semibold text-gray-700 mb-3 flex items-center">
                <svg class="w-5 h-5 mr-2 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path>
                </svg>
                个人简介
              </h3>
              <div class="text-gray-600 leading-relaxed">
                <p class="text-indent-2em mb-2" v-for="(para, idx) in teacher.introduction.split('\n')" :key="idx">
                  {{ para }}
                </p>
              </div>
            </div>
            
            <div class="mb-8">
              <h3 class="text-xl font-semibold text-gray-700 mb-3 flex items-center">
                <svg class="w-5 h-5 mr-2 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path>
                </svg>
                研究方向
              </h3>
              <p class="text-gray-600 leading-relaxed">{{ teacher.desc }}</p>
            </div>
            
            <div class="mb-8">
              <h3 class="text-xl font-semibold text-gray-700 mb-3 flex items-center">
                <svg class="w-5 h-5 mr-2 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path>
                </svg>
                教学方向
              </h3>
              <ul class="list-disc pl-5 text-gray-600 space-y-1">
                <li v-for="(direction, index) in teacher.teaching" :key="index">{{ direction }}</li>
              </ul>
            </div>
            
            <div class="mb-8">
              <h3 class="text-xl font-semibold text-gray-700 mb-3 flex items-center">
                <svg class="w-5 h-5 mr-2 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path>
                </svg>
                科研项目
              </h3>
              <ul class="list-disc pl-5 text-gray-600 space-y-1">
                <li v-for="(project, index) in teacher.researchProjects" :key="index">{{ project }}</li>
              </ul>
            </div>
            
            <div class="mb-8">
              <h3 class="text-xl font-semibold text-gray-700 mb-3 flex items-center">
                <svg class="w-5 h-5 mr-2 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                </svg>
                发表论文
              </h3>
              <ul class="list-disc pl-5 text-gray-600 space-y-1">
                <li v-for="(paper, index) in teacher.publishedPapers" :key="index">{{ paper }}</li>
              </ul>
            </div>
            
            <div class="mb-8">
              <h3 class="text-xl font-semibold text-gray-700 mb-3 flex items-center">
                <svg class="w-5 h-5 mr-2 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z"></path>
                </svg>
                会议与工作论文
              </h3>
              <ul class="list-disc pl-5 text-gray-600 space-y-1">
                <li v-for="(paper, index) in teacher.conferencePapers" :key="index">{{ paper }}</li>
              </ul>
            </div>
            
            <div>
              <h3 class="text-xl font-semibold text-gray-700 mb-3 flex items-center">
                <svg class="w-5 h-5 mr-2 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
                </svg>
                联系方式
              </h3>
              <p class="text-gray-600">{{ teacher.contact.email }}</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'GuestTeamDetail',
  data() {
    return {
      teachers: [
         {
          id: 1,
          name: '刘伯阳',
          title: '副教授 / 团队负责人',
          introduction: '西安邮电大学硕士生导师，2016年毕业于西安电子科技大学军事通信学专业，获工学博士学位，2017年-今在西安邮电大学通信与信息工程（人工智能）学院工作，担任多个顶级期刊审稿人及顶级会议TPC委员。主要从事边缘计算、软件无线电、智能通信等领域研究，获陕西省高校第三批青年杰出人才支持计划。在发表SCI 与EI等论文三十余篇，其中JCR二区及以上论文十余篇，国家发明专利三项，主持并参与国家自然科学基金、陕西省自然科学基础研究计划、陕西省教育厅项目各一项以及企业横向项目多项。\n目前主要致力于软件无线电的工程化实现，实验室氛围非常好，学生可参与较多实际工程项目，就业无忧。想在理论研究中快速成长，想在未来就业中游刃有余，想在研究生阶段奋斗一下子的同学欢迎报考。基本要求：吃苦耐劳、尊重师长、团结同学、思想健康、较好的数学与英语基础、较好的通信原理与数字信号处理基础，爱钻研好研究。',
          desc: '主要从事软件无线电、边缘计算、智能通信研究',
          avatar: require('../../assets/images/DrLiuBY.jpg'),
          teaching: [
            '机器学习、物联网专业英语',
          ],
          researchProjects: [
            '国家自然科学基金青年项目，2018. 5G认知小蜂窝网络中深度认知与资源分配技术研究，2018.01',
            '陕西省自然科学基础研究计划项目, 2020. 基于认知的边缘计算技术研究. 2020.01',
            '陕西省教育厅专项科研计划项目, 2019. 高能效认知边缘计算技术研究, 2019.01',
            '企业横向项目，2021. 基于软件无线电的视频传输系统搭建，2021.01',
            '企业横向项目，2021. 边缘计算可行性研究项目，2021.01'
          ],
          publishedPapers: [
            'B. Liu, F. Zhou, G. Lu and R. Q. Hu, "Energy Efficient and Robust Beamforming for MISO Cognitive Small Cell Networks," in IEEE Internet of Things Journal, vol. 5, no. 6, pp. 5002-5014, Dec. 2018.',
            'Boyang Liu, Haoran Zhang, Yiyao Wan, Fuhui Zhou, Qihui Wu and Derrick Wing Kwan Ng, “ Robust Adversarial Attacks on Deep Learning Based RF Fingerprint Identification,” IEEE Wireless Communications Letters, 2023（国际通信权威期刊，中科院二区）',
            'Boyang Liu, Yiyao Wan, Fuhui Zhou, Qihui Wu and Rose Qingyang Hu, “Resource Allocation and Trajectory Design for MISO UAV-Assisted MEC Networks,” vol. 71, no. 5, pp. 4933-4948. IEEE Transactions on Vehicular Technology , 2022（国际通信权威期刊，中科院二区）',
            'Boyang Liu, Yiyao Wan, Fuhui Zhou, Qihui Wu and Rose Qingyang Hu, “Robust Trajectory and Beamforming Design for Cognitive MISO UAV Networks,” vol. 10, no. 2, pp. 396-400. IEEE Wireless Communications Letters, 2021（国际通信权威期刊，中科院二区）',
            'B. Liu*, J. Bai, Y. Ma, J. Wang and G. Lu, "Energy-Efficient Resource Allocation for Wireless Powered Cognitive Mobile Edge Computing," 2019 IEEE International Conference on Communications Workshops (ICC Workshops), Shanghai, China, 2019, pp. 1-6. （通信 A 类会议）'
          ],
          conferencePapers: [
            'B. Liu*, J. Bai, Y. Ma, J. Wang and G. Lu, "Energy-Efficient Resource Allocation for Wireless Powered Cognitive Mobile Edge Computing," 2019 IEEE International Conference on Communications Workshops (ICC Workshops), Shanghai, China, 2019, pp. 1-6. （通信 A 类会议）" in Proc. IEEE ICC, 2023.',
            'Boyang Liu, Zan Li, Guangyue Lu, and Fuhui Zhou, “Spectrum sensing interval optimization and power control for energy efficient cognitive radio networks”, 2017 9th International Conference on Wireless Communications and Signal Processing (WCSP), Nanjing, China, 2017, pp. 1-6 (EI 会议)',
            ' Yuxi Qiang, Guangyue Lu, Boyang Liu and Yuxin Li, "Optimal energy harvesting-aided spectrum sensing sensors scheduling in cognitive radio networks," 2017 9th International Conference on Wireless Communications and Signal Processing (WCSP), Nanjing, China, 2017, pp. 1-5'
          ],
          contact: {
            email: 'liuboyang@xupt.edu.cn',
          }
        },
        {
          id: 3,
          name: '万鹏武',
          title: '副教授',
          introduction: '西安邮电大学硕士生导师，中国通信学会会员，中国电子学会会员。2018年毕业于西安电子科技大学通信工程学院，获军事通信学博士学位，2018年4月至今在西安邮电大学通信与信息工程学院（人工智能学院）工作，担任物联网系主任、专业负责人、党支部书记。2020年获校级师德考核优秀个人，2021年被评为校级优秀共产党员。\n主要从事传感器网络定位、隐蔽通信、频谱监测、物联网技术等领域的科学研究，在国内外主流期刊和会议累计发表论文20余篇，申请国家发明公开专利11项，已授权6项。曾受邀担任2019陕西青年科学家大会分论坛技术委员会主席。主持/参与多项科研项目，包括国家自然科学基金项目、国家科技重大专项项目、“十三五”和“十四五”预研课题等。担任无线通信领域多个SCI/EI检索期刊审稿人，以及多个国际会议的程序委员会委员。主讲课程《数字信号处理》、《物联网导论》、《新生研讨课》等课程。\n欢迎刻苦勤奋，自律意识较强，数学和英语基础良好的同学报考。欢迎来信交流讨论。',
          desc: '主要从事信号处理、传感网目标定位、隐蔽通信研究',
          avatar: require('../../assets/images/WanPW.jpg'),
          teaching: [
            '数字信号处理',
          ],
          researchProjects: [
            '万鹏武，2022.6-2024.6，面向抗干扰卫星通信的复合干扰分析与识别技术，国防科技重点实验室基金一般项目',
            '万鹏武，2022.01-2024.12，基于多域联合的共形传感器阵列刚体定位方法研究，国家自然科学基金青年项目',
            '万鹏武，2020.01-2021.12，复杂电磁环境下被动定位技术研究，陕西省教育厅科学研究计划一般项目',
          ],
          publishedPapers: [
            '万鹏武 魏健 姚媛媛 彭康 李文杰. 非视距环境下基于时域测量的刚体位姿估计[J]. 北京邮电大学学报, 2023, 46(1): 115-120.',
            'Pengwu Wan, Jian Wei, Jin Wang, Qiongdan Huang. Wireless Sensor Network-Based Rigid Body Localization for NLOS Parameter Estimation[J]. Sensors, 2022, 22(18): 6810.',
            'Pengwu Wan, Qianli Yan, Guangyue Lu, Jin Wang and Qiongdan Huang, “Robust Localization of Signal Source Based on Information Fusion”, IEEE Syst. J., vol. 15, no. 2, pp. 1764–1775, June 2021.',
            '万鹏武, 姚媛媛, 闫千里,等. 能时频域信息融合的信源被动定位[J]. 西安电子科技大学学报, 2021, 48(6):10.',
            'Pengwu Wan, Qiongdan Huang, Guangyue Lu,  Jin Wang, Qianli Yan, Yufei Chen:“Passive Localization of Signal Source Based on UAVs in Complex Environment”China Communications, 2020, 17(2): 107-116.'
          ],
          conferencePapers: [
            'Pengwu Wan, Kang Peng, Danyang Wang, Jin Wang, and Xinyu Zhao, Multi-antenna Covert Communication Based on Spectrum Mask, International Conference on Ubiquitous Communication (Ucom), in China Xi’an, July 7-9, 2023, 1-5.',
            'Pengwu Wan, Yuanyuan Yao, Guangyue Lu, Jian Wei, “Rigid Body Localization Based on Conformal Sensor Array in Non-Line-of-Sight Environment,” IEEE/CIC International Conference on Communications in China (ICCC), in China Xiamen, June, 2021, 1-6.',
            'Pengwu Wan, Jian Wei, Chaowen Liu, Yuanyuan Yao and Guangyue Lu, "Robust Localization Based on RSS and TDOA Combination in Complex Environment," 2021 13th International Conference on Wireless Communications and Signal Processing (WCSP), Changsha, China, 2021, pp. 1-6.'
          ],
          contact: {
            email: 'wanpengwu@xupt.edu.cn',
          }
        },
        {
          id: 4,
          name: '刘超文',
          title: '讲师',
          introduction: '西安邮电大学硕士生导师。2018年6月于西安交通大学智能网络与网络安全教育部重点实验室获信息与通信工程专业工学博士学位，后于西安邮电大学通信与信息工程学院任教至今。博士期间受国家留学基金委资助，赴英国南安普顿大学公派联合培养两年。主要研究方向为B5G&6G通信中的索引调制技术、物理层信息安全、智能通信等。在IEEE系列汇刊、快报，及其他知名国内外期刊和国际学术会议上发表论文30余篇，SCI检索国际期刊10余篇，申请发明专利20余项，获授权专利7项。博士至今，担任领域内多个SCI/EI检索国际期刊审稿人、旗舰和知名国际会议TPC Member，多次在国内外学术会议上作成果报告。先后主持国家自然科学青年基金项目、陕西省重点研发计划项目、陕西省教育厅自然科学专项研究项目各一项。作为骨干成员先后参研国家863项目子课题、国家自然科学基金面上项目、教育部博士点项目、陕西省自然科学基金等各类国家级/省部级项目。目前已承担《数字信号处理》、《概率论与数理统计》、《通信概论》、《Matlab与工程应用技术》等课程的教学工作。',
          desc: '主要从事B5G&6G通信中的索引调制技术、物理层信息安全、智能通信、智能超表面使能技术、超大规模MIMO、流体天线研究',
          avatar: require('../../assets/images/LiuCW.jpg'),
          teaching: [
            '专业通识课：《通信概论》',
            '专业基础课：《数字信号处理》',
            '工程数学课：《概率论与数理统计》',
            '软件实践课：《Matlab与工程应用技术》',
          ],
          researchProjects: [
            '全双工基站协助的上行安全空间调制技术研究，国家自然科学基金青年基金，61901366，主持，2020年1月至2022年12月.',
            '面向B5G通信中空间调制辅助的高效安全传输技术。陕西省重点研发计划项目，2023-YBGY-272，主持, 2023年1月至2024年12月.',
            '5G通信中全双工节点辅助的空间调制安全传输策略研究，陕西省教育厅专项科研计划项目，20JK0919，主持，2020年1月至2021年12月.',
            '基于软件无线电的无线通信网络实验平台搭建，横向项目，主持，2022年4月至2022年12月.',
            '调制编码技术的软件无线电实现，横向项目，主持，2020年12月至2021年12月.',
          ],
          publishedPapers: [
            'Chaowen Liu, Lie-Liang Yang, Wenjie Wang, Transmitter-Precoding-Aided Spatial Modulation Achieving Both Transmit and Receive Diversity, IEEE Transactions on Vehicular Technology, 2018年3月.',
            'Chaowen Liu, Lie-Liang Yang, Wenjie Wang, Secure Spatial Modulation With a Full-Duplex Receiver, IEEE Wireless Communications Letters, 2017年12月.',
            'Chaowen Liu, Ji Ma, Pengyu Zhai, Boyang Liu, Tongxing Zheng, Fasong Wang, Enabling joint transmitter-receiver spatial modulation with RF mirrors: A low-cost and highly-flexible perspective, Digital Signal Processing, 2023年3月.',
            'Fasong Wang, Chaowen Liu, Qi Wang, Jiankang Zhang, Rong Zhang, Lieliang Zhang, Lajos Hanzo, Optical Jamming Enhances the Secrecy Performance of the Generalized Space-Shift-Keying-Aided Visible-Light Downlink, IEEE Transactions on Communications, 2018年9月.',
            'Menghan Lin, Wenjie Wang, Chaowen Liu, Preventing Hostile TOA/TDOA Localization With AF Relay,  IEEE Communications Letters, 2023年4月.',
          ],
          conferencePapers: [
            'Fei Yu, Chaowen Liu, Menghan Lin, Tongxing Zheng, Yi He, Boyang Liu, Guangyue Lu, Reconfigurable Intelligent Surface Assisted Transmitter Pre-coding Spatial Modulation, IEEE Global Communications Conference(GLOBECOM), 2023年9月.',
            'Fei Yu, Zhengmin Shi, Chaowen Liu, Menghan Lin, Tongxing Zheng, Yi He, Boyang Liu, Guangyue Lu，Secure Uplink Spatial Modulation Enabled by IRS, IEEE Vehicular Technology Conference, 2023年9月.',
            'Fei Yu, Chaowen Liu, Zhengmin Shi , Boyang Liu, Menghan Lin, Tongxing Zheng, IRS-Enabled Physical Layer Secure Transmission, International Conference on Wireless Communications and Signal Processing (WCSP), 2023年9月.',
            'Ji Ma, Chaowen Liu, Tongxing Zheng, Chao Liu, Guangyue Lu, Augmented Pattern Index Modulation Empowered by RIS, ICC 2022 - IEEE International Conference on Communications, Seoul, Korea, 2022年5月.',
            'Chaowen Liu, Yihua Dong, Boyang Liu, Guangyue Lu, Pengyu Zhai, Enabling Joint Tx-Rx Spatial Modulation with RF Mirrors, 2020 IEEE/CIC International Conference on Communications in China (ICCC), Chongqing, China, 2020年8月.',
          ],
          contact: {
            email: 'cwliuhb@163.com',
          }
        },
       
        // 其他教师数据...
      ],
      teacher: null
    }
  },
  created() {
    const teacherId = parseInt(this.$route.params.id)
    this.teacher = this.teachers.find(t => t.id === teacherId)
    if (!this.teacher) {
      alert('未找到该教师信息')
      this.$router.back()
    }
  }
}
</script>

<style scoped>
.section-padding {
  padding: 0.5rem 0;
}

button, .team-card {
  transition: all 0.3s ease;
}

.text-indent-2em {
  text-indent: 2em; 
}

.overflow-hidden {
  overflow: hidden;
}

/* 左侧图片容器固定高度，确保完整显示 */
.h-\[50vh\] {
  height: 50vh;
}

.md\:h-\[70vh\] {
  height: 70vh;
}

/* 右侧内容区域高度与左侧匹配 */
.overflow-y-auto {
  overflow-y: auto;
}

/* 滚动条美化 */
.overflow-y-auto::-webkit-scrollbar {
  width: 6px;
}

.overflow-y-auto::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.overflow-y-auto::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

.overflow-y-auto::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}

/* 图片按比例缩放并完整显示 */
.object-scale-down {
  object-fit: scale-down;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.max-h-full {
  max-height: 100%;
}

.max-w-full {
  max-width: 100%;
}
</style>